﻿table 
{
	border: 2px solid darkgray;

	margin-left: auto;
	margin-right: auto;
    margin:20px;
   
}

tr
{
	border: 2px solid lightgray;
    
}

td
{
	border: 2px solid darkgray;
	padding: 40px;
  
   
}

h2
{
	text-align: center;
}

#tttGameBoard
{
    
    width: 300px;
    height: 350px;
    float: left;
    padding: 10px;
    margin-left: 235px;

   
}

#tttStatusBoard
{
    
    width: 200px;
  
    float: left;
   
   
}


#listOfPlayers
{
    border:1.5px darkgray solid;
    font-size: 15px;
    border-radius:3px;
    text-align:center;
   
}
#commentInterface
{

   float: left;
   margin-top:23%;
   width: 300px;
   height: 100px;
}

#commentBox
{
   float: left;
   overflow: auto;
   
   width: 350px;
   height: 100px;
   margin-top: 30px;
   margin:10px;
}

#commentText
{   
   width: 200px;
   height: 30px;
   border: 1px solid black;
}

#replyBox
{
   
}
.aComment
{

}

.nextTurn
{   

    width:100%;
   margin-top: 10px;
   margin-left:50px;
   
}


.nextPlayer
{
    border:2px #808080 solid;
    border-radius:3px;
    padding:7px;
    font:bold;
}




